<script setup>
import NavBar from "@/components/NavBar.vue";
import Detail from "@/components/ProductLibrary/detail.vue";
import {useRouter} from "vue-router";
const router = useRouter()
const ModificationFn = () => {
  router.push('/New')
}
</script>

<template>
  <div class="overflowHidden">
    <NavBar title="产品详情"></NavBar>
    <div class="height">
      <Detail></Detail>
    </div>
    <div class="elasticity backgroundColor h-[50px] px-[15px] ">
      <div class="w-[30px] h-[40px] text-center">
        <van-icon name="share" color="#666" />
        <div class="text-[12px]">分享</div>
      </div>
      <div class="w-[30px] h-[40px] text-center">
        <van-icon name="delete" color="#666" />
        <div class="text-[12px]">删除</div>
      </div>
      <div class="w-[240px]">
        <van-button @click="ModificationFn" type="primary" :round="true" size="large">修改</van-button>
      </div>
    </div>
  </div>
</template>

<style scoped lang="less">
::v-deep {
  .van-button{
    height: 40px;
  }
}
</style>